It's a class of .pet_like, so you would do something like: .pet_like {position:absolute; left:VALUE; top:VALUE;}

I was wondering if you could help me out with the pet like buttons. I'm using the code below, but the like button doesn't show up over the textbox like I want it to (I used these values so it would be easy to see over the textbox in this profile). .pet_like {position:absolute; left:310px; top:800px;}

Have you tried using z-index? It is probably just hiding underneath the textbox. (The z-index numbers already in use on your profile don't make sense to me, but I'll admit I'm not that familiar with it.)

Try: .pet_like {position:absolute; left:310px; top:800px; z-index:11;}

That should insure that it's above everything else on the profile.

I'm afraid that it doesn't work using the code you gave me. In all honesty I've been trying to place it on the outline of the textbox (pink section outlining the box), but it doesn't show up there either.

Also, is there a separate code to change the colour of the "pet like" button, or is that not possible?

I'm glad someone made this thread. I've been inactive for awhile and this new "like button" shows up when I return and want to get back into making pet profiles. I'm going to try the codes listed above and post anything new I find on the matter to help anyone in need.

Thanks everyone!

You have this in your code .pet_color_info{position:absolute; top:375px; left:310px;} AGE AND ADOPT DATE? NOT WORKING? .pet_like {position:absolute; left:310px; top:800px; z-index:11;}

The AGE AND ADOPT DATE thing is what is making your like button not work. When you have random words like that in your code without /* */ around them, it basically cancels out the rest of the code. Either remove that or add the little slash+asterisks. :3

[edit] Oops also .pet_like a {;} .pet_like a:hover {;} i.red.icon {color:___ !important;}

a is the heart link, a:hover is the hover, and the icon is going to be the color the heart changes to and stays when someone clicks it. :3 Edit it as you would any font/link (color, font-family, font-size, text-decoration, etc)

Thank you! :)

I just tried your codes and they don't seem to work for me. I use this to modify the colors (and it works for me): i.icon {color: } i.icon:hover {color: } i.red.icon {color: ;}

That's because the code is wrong. ".pet_like a" not i.icon and ".pet_like a:hover" not i.icon:hover

The heart is a link, and it acts as a link. So you're really just changing the link of the .pet_like section.

Try my exact code instead. It'll still work with color changes. :)

I tried using your code but it doesn't work for me. I copied it and just added colors to it. The code I'm using works for me though. When I look at ' pet I can see that she used your code but it doesn't work.

Edit: This is the profile I tried my code on and it's working for me.

That's odd. I've never had an issue with it, and even looking back at profiles I've done, the code still works fine.

Oh well, whatever works for you. :3

Hm.. that's really odd. Could you link me to one profile you made where it's working for you?

here and here

Thanks for the links c: I realised that my problem was that I wasn't logged in in firefox where I checked the color change on hover because I accidentally liked my pet. It looks like the hover code you use only works when you're logged in. Well, the more you know xD

LOL YEP THAT MAKES SENSE. AND ONCE YOU LIKE IT, OOP TOO BAD FOR YOU CAN'T TEST YOUR CODE NOW. (Actually you can. It resets after some amount of time. I've liked my same pet 3+ times. I don't even know what's going on anymore)

Yeah, that's kind of annoying xD And it really is kind of odd that you can like the pet again after a while.. But once you know the code works you can work with it I guess c: